/********************************************************************************
 * Copyright (c) 2021,2022 Contributors to the CatenaX (ng) GitHub Organisation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Apache License, Version 2.0 which is available at
 * https://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * SPDX-License-Identifier: Apache-2.0
 ********************************************************************************/

.card--icon {
  @apply text-white;
}

.card-container {
  @apply flex flex-row gap-x-5 items-center;
}

.avatar-container {
  @apply flex flex-col items-center justify-center;
}

.avatar {
  border-radius: 50%;
  text-align: center;
  @apply bg-primary;

  &__label {
    @apply flex flex-col items-center justify-center p-2;
  }
}

.label-container {
  @apply flex flex-col gap-y-1;
}

p:empty {
  animation: loading 1.7s infinite linear;
  background: #dedfe1 linear-gradient(to right, #dedfe1 0%, #f2f3f5 20%, #dedfe1 40%, #dedfe1 100%) no-repeat;
  width: 100px;
  height: 10px;
}
